.top {
    background: #eb990d;
    width: 100%;
    height: 40px;
}

.main {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*overflow:hidden;外部div，可以随着内部内容，被撑起来*/
}

.left {
    width: 10%;
    height: 200px;
    background: rgba(104, 218, 205, 0.6);
    float: left;
}

.right {
    width: 70%;
    height: 200px;
    background: #c53030;
    float: left;
    overflow: hidden;
}

.right2 {
    width: 20%;
    height: 200px;
    background: #c53030;
    float: right;
    overflow: hidden;
}


.bottom {
    height: 10%;
    width: 100%;
    background: rgba(0, 255, 231, 0.6);
    float: left;
    overflow: visible;
}

h3 {
    text-align: center;
}

